  <template>
  <v-layout row class="align-center layout px-4 pt-4 app--page-header">
    <div class="page-header-left">
      <h3 class="pr-3">{{title}}</h3>
    </div>
    <v-breadcrumbs divider="-" :items="breadcrumbs"></v-breadcrumbs>
    <v-spacer></v-spacer>
    <div class="page-header-right">
      <v-btn icon>
        <v-icon class="text--secondary">refresh</v-icon>
      </v-btn>
    </div>
  </v-layout>
</template>

<script>
import menus from '@/api/menus'
export default {
  data: () => ({
    title: ''
  }),
  computed: {
    breadcrumbs: function() {
      let _this = this
      _this.title = _this.$route.name
      let breadcrumbs = []

      return breadcrumbs
    }
  }
}
</script>
